<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            background-color: rgb(210, 213, 215);
            
        }
        .xiao{
            height: 614px;
            width: 912px;
            background-color: rgb(210, 213, 215);
            display: grid;
            grid-template-columns: 234px 234px 234px 234px 234px;
            grid-template-rows: 300px 300px;
            grid-gap: 14px;
        }
        .lao{
            width: 234px;
            height: 300px;
            background-color: rgb(255, 255, 255);
            text-align: center;
            
        }
        img{
            width: 160px;
            height: 160px;
        }
        .laoda2{
            font-size: 14px;
            color: #aab4f0;
            margin-bottom: 20px;
        }
        .laoda3{
            font-size: 12px;
            color: #bfbcbc;
            padding-top: 10px;
        }
        .laoda4{
            font-size: 16px;
        }
        .lao:hover{
            position: relative;
            transform: scale(1,1);
            top: -2px;
            box-shadow: 0px 0px 10px rgb(123, 131, 124);
        }
        #cloo{
            display: flex;
            justify-content: center;
            margin-bottom: 10px;
        }
        .laoda5 img{
            width: 234px;
            height: 614px;
        }
        .laoda5{
        grid-column: 1/2; 
        grid-row: 1/10;
        }
        .laoda6 img{
            width: 80px;
            height: 80px;
        }
        .laoda7 img{
            width: 80px;
            height: 80px;
        }
        .laoda6{
            height: 143px;
            width: 234px;
            background-color: rgb(255, 255, 255);
        }
        .laoda7{
            height: 143px;
            width: 234px;
            background-color: rgb(255, 255, 255);
            margin-top: 14px;
        }
        .shangp{
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            
        }
        .laoda8{
            display: flex;
            align-items: center;
        }
        .laoda9{
            width: 100px;
            height: 700px;
            display: flex;
            align-items: center;
            position: fixed;
            flex-direction: column;
            right: 0px;
            bottom: 20%;
        }
        .laoda9 img{
            width: 50px;
            height: 50px;
        }
        .laoda9:hover img{
            /* display: none; */
            background-image: url(wdfw.png);
        }
        .laoda10{
            background-color: aliceblue;
        }
        .laoda11{
            text-align: center;
        }
    </style>
</head>
<body>
    <h3>小米</h3>
    <div id="cloo">
    <div class="xiao">
        <div class="laoda5">
            <div class="laoda5"><img src="d06749930da27e8e8248cc69fced088f.webp"></div>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="lao">
            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
            <font class="laoda3">性能旋风，席卷而来</font><br>
            <font class="laoda2">1990元</font>
        </div>
        <div class="shangp">
            <div class="laoda6">
                <img src="640.jpg">
                <div class="laoda8">
                    <font>xiaomi6</font><br>
                    <font>521yuan</font>
                </div>
            </div>
            <div class="laoda7">
                <img src="640.jpg">
                <div class="laoda8">
                    <font>xiaomi6</font><br>
                    <font>521yuan</font>
                </div>
            </div>
        </div>
    </div>
    </div>
    <h3>小米</h3>
    <div id="cloo">
        <div class="xiao">
            <div class="laoda5">
                <div class="laoda5"><img src="d06749930da27e8e8248cc69fced088f.webp"></div>
            </div>
            <div class="lao">
                <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                <font class="laoda3">性能旋风，席卷而来</font><br>
                <font class="laoda2">1990元</font>
            </div>
            <div class="lao">
                <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                <font class="laoda3">性能旋风，席卷而来</font><br>
                <font class="laoda2">1990元</font>
            </div>
            <div class="lao">
                <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                <font class="laoda3">性能旋风，席卷而来</font><br>
                <font class="laoda2">1990元</font>
            </div>
            <div class="lao">
                <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                <font class="laoda3">性能旋风，席卷而来</font><br>
                <font class="laoda2">1990元</font>
            </div>
            <div class="lao">
                <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                <font class="laoda3">性能旋风，席卷而来</font><br>
                <font class="laoda2">1990元</font>
            </div>
            <div class="lao">
                <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                <font class="laoda3">性能旋风，席卷而来</font><br>
                <font class="laoda2">1990元</font>
            </div>
            <div class="lao">
                <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                <font class="laoda3">性能旋风，席卷而来</font><br>
                <font class="laoda2">1990元</font>
            </div>
            <div class="shangp">
                <div class="laoda6">
                    <img src="640.jpg">
                    <div class="laoda8">
                        <font>xiaomi6</font><br>
                        <font>521yuan</font>
                    </div>
                </div>
                <div class="laoda7">
                    <img src="640.jpg">
                    <div class="laoda8">
                        <font>xiaomi6</font><br>
                        <font>521yuan</font>
                    </div>
                </div>
            </div>
        </div>
        </div>
        <h3>小米</h3>
        <div id="cloo">
            <div class="xiao">
                <div class="laoda5">
                    <div class="laoda5"><img src="d06749930da27e8e8248cc69fced088f.webp"></div>
                </div>
                <div class="lao">
                    <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                    <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                    <font class="laoda3">性能旋风，席卷而来</font><br>
                    <font class="laoda2">1990元</font>
                </div>
                <div class="lao">
                    <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                    <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                    <font class="laoda3">性能旋风，席卷而来</font><br>
                    <font class="laoda2">1990元</font>
                </div>
                <div class="lao">
                    <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                    <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                    <font class="laoda3">性能旋风，席卷而来</font><br>
                    <font class="laoda2">1990元</font>
                </div>
                <div class="lao">
                    <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                    <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                    <font class="laoda3">性能旋风，席卷而来</font><br>
                    <font class="laoda2">1990元</font>
                </div>
                <div class="lao">
                    <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                    <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                    <font class="laoda3">性能旋风，席卷而来</font><br>
                    <font class="laoda2">1990元</font>
                </div>
                <div class="lao">
                    <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                    <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                    <font class="laoda3">性能旋风，席卷而来</font><br>
                    <font class="laoda2">1990元</font>
                </div>
                <div class="lao">
                    <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                    <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                    <font class="laoda3">性能旋风，席卷而来</font><br>
                    <font class="laoda2">1990元</font>
                </div>
                <div class="shangp">
                    <div class="laoda6">
                        <img src="640.jpg">
                        <div class="laoda8">
                            <font>xiaomi6</font><br>
                            <font>521yuan</font>
                        </div>
                    </div>
                    <div class="laoda7">
                        <img src="640.jpg">
                        <div class="laoda8">
                            <font>xiaomi6</font><br>
                            <font>521yuan</font>
                        </div>
                    </div>
                </div>
            </div>
            </div>
            <h3>小米</h3>
            <div id="cloo">
                <div class="xiao">
                    <div class="laoda5">
                        <div class="laoda5"><img src="d06749930da27e8e8248cc69fced088f.webp"></div>
                    </div>
                    <div class="lao">
                        <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                        <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                        <font class="laoda3">性能旋风，席卷而来</font><br>
                        <font class="laoda2">1990元</font>
                    </div>
                    <div class="lao">
                        <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                        <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                        <font class="laoda3">性能旋风，席卷而来</font><br>
                        <font class="laoda2">1990元</font>
                    </div>
                    <div class="lao">
                        <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                        <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                        <font class="laoda3">性能旋风，席卷而来</font><br>
                        <font class="laoda2">1990元</font>
                    </div>
                    <div class="lao">
                        <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                        <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                        <font class="laoda3">性能旋风，席卷而来</font><br>
                        <font class="laoda2">1990元</font>
                    </div>
                    <div class="lao">
                        <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                        <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                        <font class="laoda3">性能旋风，席卷而来</font><br>
                        <font class="laoda2">1990元</font>
                    </div>
                    <div class="lao">
                        <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                        <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                        <font class="laoda3">性能旋风，席卷而来</font><br>
                        <font class="laoda2">1990元</font>
                    </div>
                    <div class="lao">
                        <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                        <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                        <font class="laoda3">性能旋风，席卷而来</font><br>
                        <font class="laoda2">1990元</font>
                    </div>
                    <div class="shangp">
                        <div class="laoda6">
                            <img src="640.jpg">
                            <div class="laoda8">
                                <font>xiaomi6</font><br>
                                <font>521yuan</font>
                            </div>
                        </div>
                        <div class="laoda7">
                            <img src="640.jpg">
                            <div class="laoda8">
                                <font>xiaomi6</font><br>
                                <font>521yuan</font>
                            </div>
                        </div>
                    </div>
                </div>
                </div>
                <h3>小米</h3>
                <div id="cloo">
                    <div class="xiao">
                        <div class="laoda5">
                            <div class="laoda5"><img src="d06749930da27e8e8248cc69fced088f.webp"></div>
                        </div>
                        <div class="lao">
                            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                            <font class="laoda3">性能旋风，席卷而来</font><br>
                            <font class="laoda2">1990元</font>
                        </div>
                        <div class="lao">
                            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                            <font class="laoda3">性能旋风，席卷而来</font><br>
                            <font class="laoda2">1990元</font>
                        </div>
                        <div class="lao">
                            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                            <font class="laoda3">性能旋风，席卷而来</font><br>
                            <font class="laoda2">1990元</font>
                        </div>
                        <div class="lao">
                            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                            <font class="laoda3">性能旋风，席卷而来</font><br>
                            <font class="laoda2">1990元</font>
                        </div>
                        <div class="lao">
                            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                            <font class="laoda3">性能旋风，席卷而来</font><br>
                            <font class="laoda2">1990元</font>
                        </div>
                        <div class="lao">
                            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                            <font class="laoda3">性能旋风，席卷而来</font><br>
                            <font class="laoda2">1990元</font>
                        </div>
                        <div class="lao">
                            <div><img src="adde6bae41441887017824f46cf31602.webp"></div>
                            <font class="laoda4"><strong>Redmi Turbo 3</strong></font><br>
                            <font class="laoda3">性能旋风，席卷而来</font><br>
                            <font class="laoda2">1990元</font>
                        </div>
                        <div class="shangp">
                            <div class="laoda6">
                                <img src="640.jpg">
                                <div class="laoda8">
                                    <font>xiaomi6</font><br>
                                    <font>521yuan</font>
                                </div>
                            </div>
                            <div class="laoda7">
                                <img src="640.jpg">
                                <div class="laoda8">
                                    <font>xiaomi6</font><br>
                                    <font>521yuan</font>
                                </div>
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="laoda9">
                        <div class="laoda10"><img src="wsd.png"><br>
                        <font class="laoda11">手机</font>
                    </div>
                        <div class="laoda10"><img src="wsd.png"><br>
                        <font  class="laoda11">手机</font>
                    </div>
                        <div class="laoda10"><img src="wsd.png"><br>
                        <font  class="laoda11">手机</font>
                    </div>
                        <div class="laoda10"><img src="wsd.png"><br>
                        <font  class="laoda11">手机</font>
                    </div>
                    </div>
</body>
</html>